@import "../../common/styles/globalStyle.scss";

.order{
  padding-bottom: vw(350);
  .header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    height: vw(96);
    background: $themeColor;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 $globalPadding;
    color: #fff;
    font-size: vw(30);
  }
  .order-info{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: vw(30);
    font-weight: 400;
    padding: 0 $globalPadding;
    margin: vw(114) 0 vw(28);

    button{
      font-size: vw(30);
      padding: vw(15) vw(34);
      background: rgba(0,0,0,0);
      border: 1px solid #aaaaaa;
      border-radius: vw(8);
    }
  }

  .order-content{
    padding: 0 $globalPadding;
    .order-list{
        padding: vw(20);
        background: #fff;
        border-radius: vw(8);
        .order-item{
          .order-title{
            display: flex;
            justify-content: flex-start;
            align-items: center;
            .checkbox{
              margin-right: vw(38);
            }
            .shops-logo{
              width: vw(50);
              height: vw(50);
              background: $themeColor;
              border-radius: vw(4);
              margin-right: vw(20);
            }
          }
        }
    }
  }

  .order-submit-bar{
    bottom: vw(100);
  }
}
